include mixin
ul.breadcrumb
	li
		a(href='/portal/index') 首页
	li.sep >
	li
		a(href='/portal/mygf/asset') 我的广发
	li.sep >
	li
		a(href='#/my_investment') 我的自选
	li.sep >
	li(ng-bind='stockItem.secuabbr')
.stockDetailContainer
	.mbottom20
		.hqInfos
			.hqInfo.mright20(ng-repeat='item in hqItems', ng-class='item.itemClass')
				span.name(ng-bind='item.hqzqjc + ":"')
				span(ng-bind='item.hqzjcj')
				span(ng-bind='item.zdf')
				span.total(ng-bind='item.hqcjje + "亿元"')
		.searchForm.nomp(ng-controller='App.SearchStockCtrl')
			.search
				a.add(href='javascript:;', ng-click='go(selectedItem)') .
				div(style='position:relative;width:175px')
					span.inputTips 添加股票：代码/名称
					input.border(style='width:143px', type='search', ng-model='q', name='q',  gf-textsearch='#fundSearchList', focus-cls='lbc b blurborder', autocomplete='off', line-height=22)
				dl#fundSearchList.resultPanel.border(ng-show='products && products.length', style='width:180px')
					dd(ng-repeat='pro in products')
						a(href='javascript:;', ng-click='$parent.q = pro[0];$parent.selectedItem = pro')
							span(ng-bind-html-unsafe='pro[0] | highlight : q : "highlight b"')
							| ({{pro[2]}})

	.stockInfos
		.infos
			.stockName {{stockItem.secuabbr}}
				span(ng-bind='(stockItem.tradingcode + "." + stockItem.exchangeabbr)')
			.priceContainer
				.price(ng-bind='stockItem.quotes.now', ng-class='{up : stockItem.change > 0, down : stockItem.change < 0}')
				.info
					span.pull-right.mright20(ng-bind='stockItem.changeRateView', ng-class='{up : stockItem.change > 0, down : stockItem.change < 0}')
					span.mleft20(ng-bind='stockItem.changeView', ng-class='{up : stockItem.change > 0, down : stockItem.change < 0}')
				.tac.mtop10(ng-bind='stockItem.update', style='color: #999')
		.otherInfos
			.title.b.padright20
				a.pull-right.remind.font12.hidden(href='javascript:;') 设置提醒
				a.pull-right.add.font12(href='javascript:;', ng-click='add()', ng-show='!hasAddStock') 添加自选
				a.pull-right.remove.font12(href='javascript:;', ng-show='hasAddStock', ng-click='remove()') 删除自选
				span.mleft30(ng-show='isOnTrade') 交易中
				span.mleft30(ng-show='!isOnTrade') 非交易时段
			.infoTable: table
				tbody
					tr
						td
							span.tip 昨收：
							span.value(ng-bind='stockItem.quotes.pclose')
						td
							span.tip 今开：
							span.value(ng-bind='stockItem.quotes.open')
						td
							span.tip 最高：
							span.value(ng-bind='stockItem.quotes.high')
						td
							span.tip 最低：
							span.value(ng-bind='stockItem.quotes.low')
					tr
						td
							span.tip 成交量：
							span.value(ng-bind='stockItem.quotes.volume')
						td
							span.tip 成交额：
							span.value(ng-bind='(stockItem.quotes.amount / 10000 | number : 0) + "万"' )
						td
							span.tip 总市值：
							span.value(ng-bind='(stockItem.marketValue | number : 0) + "亿"')
						td
							span.tip 流通市值：
							span.value(ng-bind='(stockItem.circulationValue | number : 0) + "亿"')
					tr
						td
							span.tip 换手率：
							span.value(ng-bind='(stockItem.turnoverRate | number : 2) + "%"')
						td
							span.tip 市净率：
							span.value(ng-bind='(stockItem.pbRatio | number : 2)')
						td
							span.tip 振幅：
							span.value(ng-bind='stockItem.changeRateView')
						td
							span.tip 市盈率：
							span.value(ng-bind='stockItem.peRatio | number : 2')
	.rightContainer.pull-right
		.tradeContainer.mbottom20
			.tabs
				.tab.tac.b(ng-class='{active : tabShowIndex == 0}', ng-click='tabShowIndex = 0', style='width:100%') 五档盘口
				//- .tab.tac.b(ng-class='{active : tabShowIndex == 1}', ng-click='tabShowIndex = 1') 交易明细
			.content(ng-class='{hidden : tabShowIndex != 0}')
				.b.padbottom10(style='border-bottom:1px solid #e0e0e0')
					.info
						span 委比
						span.value(ng-bind='stockItem.weibi')
					.info(style='text-align:right')
						span 委差
						span.value(ng-bind='stockItem.weicha | number : 0')

				ul.sellList
					li(ng-repeat='item in sellList')
						span(style='width:40%') 卖{{5 - $index}}（元/手）
						span.value.tac(ng-bind='item.price', style='width:25%')
						span(ng-bind='item.total', style='width:35%;text-align:right')
				.currentPrice
					span(style='color:#333;width:50%') 当前价（元）
					span.value(ng-bind='stockItem.price')
				ul.buyList
					li(ng-repeat='item in buyList')
						span(style='width:40%') 买{{$index + 1}}（元/手）
						span.value.tac(ng-bind='item.price', style='width:25%')
						span(ng-bind='item.total', style='width:35%;text-align:right')
			.content.tradeDetail(ng-class='{hidden : tabShowIndex != 1}')
				.b(style='border-bottom:1px solid #e0e0e0')
					.item 时间
					.item.tac 成交价
					.item.trc 手数
				ul
					li
						.item 14.12
						.item.tac 12.91
						.item.trc 2101
					li
						.item 14.12
						.item.tac 12.91
						.item.trc 2101
					li
						.item 14.12
						.item.tac 12.91
						.item.trc 2101
					li
						.item 14.12
						.item.tac 12.91
						.item.trc 2101
					li
						.item 14.12
						.item.tac 12.91
						.item.trc 2101
		.stockInfoListContainer
			.tabs
				.tab.tac.b(ng-class='{active : stockInfoTabShowIndex == 0}', ng-click='stockInfoTabShowIndex = 0') 最近访问
				.tab.tac.b(ng-class='{active : stockInfoTabShowIndex == 1}', ng-click='stockInfoTabShowIndex = 1') 我的自选
			.content(ng-class='{hidden : stockInfoTabShowIndex != 0}')
				ul
					li(ng-repeat='item in historyList', ng-class='item.itemClass')
						span.name
							a.link(ng-bind='item.name', href='#/stock/detail?pid={{item.code}}&type={{item.type}}')
						span.value.trc(ng-bind='item.price')
						span.changeRate.trc(ng-bind='item.changeRate', style='width:35%')
			.content(ng-class='{hidden : stockInfoTabShowIndex != 1}')
				ul
					li(ng-repeat='item in myStockList', ng-class='item.itemClass')
						span.name
							a.link(ng-bind='item.name', href='#/stock/detail?pid={{item.code}}&type={{item.type}}')
						span.value.trc(ng-bind='item.price')
						span.changeRate.trc(ng-bind='item.changeRate', style='width:35%')
	.leftContainer
		.stockChartContainer.mbottom20
			.title
				.noticeCtrl.pull-right.mtop5
					.up.ctrlBtn.mright5(ng-class='{active : activeNoticeIndex != 0}', ng-click='activeNotice(-1)') .
					.down.ctrlBtn.mright10(ng-class='{active : activeNoticeIndex != 4}', ng-click='activeNotice(1)') .
				span.font14.b.pull-left 投资提示：
				ul(style='margin-left: 90px;margin-right:80px;height:38px;overflow:hidden;')
					li(ng-repeat='item in noticeList', ng-show='activeNoticeIndex == $index')
						a(href='#/news?type=detail&cat=stock&doc_type=blt&id={{item.id}}&back=stock_detail&stock_type={{stockType}}&stock_code={{stockCode}}', style='text-decoration:none')
							span.padright5(ng-bind='item.init_date')
							span(ng-bind='item.title', style='color:#0174a9')
			.chartTypes
				.chartType(ng-class='{active : activeChartIndex == 0}', ng-click='activeChart(0)')
					.arrow
					| 分时图
				.chartType.hidden(ng-class='{active : activeChartIndex == 1}', ng-click='activeChart(1)')
					.arrow
					| 5日
				.chartType(ng-class='{active : activeChartIndex == 2}', ng-click='activeChart(2)')
					.arrow
					| 日K
				.chartType(ng-class='{active : activeChartIndex == 3}', ng-click='activeChart(3)')
					.arrow
					| 周K
				.chartType(ng-class='{active : activeChartIndex == 4}', ng-click='activeChart(4)')
					.arrow
					| 月K
			.stockChart(style='height:325px')
				.fsChart(ng-show='activeChartIndex == 0')
				.dayKlineChart(ng-show='activeChartIndex == 2')
				.weekKlineChart(ng-show='activeChartIndex == 3')
				.monthKlineChart(ng-show='activeChartIndex == 4')

		.companyProfile.mbottom20
			.title
				span.font14 公司概况
				span.mleft10(ng-bind='("[报告期" + stockItem.enddate + "]")')
			.content
				.infos(style='width:40%')
					.info
						span.name 所属地区：
						span(ng-bind='stockItem.region')
					.info
						span.name 上市时间：
						span(ng-bind='stockItem.listingdate')
					.info
						span.name 每股现金流（元）:
						span(ng-bind='stockItem.netcashflowps | number : 2')
					.info
						span.name 净利润增长率（%）：
						span(ng-bind='stockItem.netprofitparentcomyoy | number : 2')
				.infos
					.info
						span.name 总股本（亿）：
						span(ng-bind='(stockItem.totalshare / 100000000) | number : 2')
					.info
						span.name 流通A股（亿）：
						span(ng-bind='(stockItem.alistedshare / 100000000) | number : 2')
					.info
						span.name 每股公积金（元）:
						span(ng-bind='stockItem.captitalreserveps| number : 2')
					.info
						span.name 每股未分配利润：
						span(ng-bind='stockItem.retainedearningps | number : 2')
				.infos.last
					.info
						span.name 每股收益（元）：
						span(ng-bind='stockItem.eps | number : 4')
					.info
						span.name(style='width:75%') 每股净资产（元）：
						span(ng-bind='stockItem.bvps | number : 2')
					.info
						span.name(style='width:75%') 净资产收益率（%）:
						span(ng-bind='stockItem.avgroe | number : 2')

		.newsListContainer
			.newsList.pull-right
				.title: span.font14 个股研报
				ul
					li(ng-repeat='item in reportList')
						span.pull-right.afc(ng-bind='(item.pubdate || item.upload_date) | date: "yyyy-MM-dd"')
						a(href='#/news?type=detail&cat=report&id={{item.id}}&back=stock_detail&stock_type={{stockType}}&stock_code={{stockCode}}', ng-bind='item.title')
			.newsList
				.title
					span.font14 个股新闻和公告
				ul
					li(ng-repeat='item in newsList')
						span.pull-right.afc(ng-bind='(item.pubdate || item.upload_date) | date: "yyyy-MM-dd"')
						a(href='#/news?type=detail&cat=stock&doc_type={{item.doc_type}}&id={{item.id}}&back=stock_detail&stock_type={{stockType}}&stock_code={{stockCode}}', ng-bind='item.title')
